 <!-- 书 封面 -->
<template>
  <div class="cover-box">
    <div class="card-mask"></div>
    <img v-for="(item, index) in data" :key="index" :src="item.img" />
  </div>
</template>

<script>
import dataConfig from "./config";

export default {
  data() {
    return {
      data: dataConfig.pyBookTop250,
    };
  },
};
</script>

<style lang="less" scoped>
.cover-box {
  display: flex;
  flex-wrap: wrap;
  img {
    width: 55px;
    height: auto;
  }
}
.card-mask {
  position: absolute;
  // width: 100%;
  // height: 100%;
  width: 375px;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.8);
}
</style>